import { defineStore } from 'pinia'
import { ref } from 'vue'
import { loginAPI } from '@/apis/user'
import { useCartStore } from './cartStore'
import { mergeCartAPI } from '@/apis/cart'
export const useUserStore = defineStore(
  'user',
  () => {
    const cartStore = useCartStore()
    // 定义过来用户数据的state
    const userInfo = ref({})

    // 2. 登录 定义获取接口数据的action函数
    const getUserInfo = async ({ account, password }) => {
      const res = await loginAPI({ account, password })
      userInfo.value = res.result

      // map 根据现有的数据经过映射得到一个全新的数值  这里所需要的参数在cartStore.cartList中
      await mergeCartAPI(
        // 登录时调用合并购物车接口 map获取数组里面所需要的参数
        cartStore.cartList.map((item) => {
          return {
            skuId: item.skuId,
            selected: item.selected,
            count: item.count
          }
        })
      )
      // 获取最新购物车列表并覆盖本地购物车
      cartStore.updateNewList()
    }

    //  退出时清除用户信息
    const clearUserInfo = () => {
      userInfo.value = {}
      cartStore.clearCart() // 退出时调用清除购物车列表方法
    }

    return {
      userInfo,
      getUserInfo,
      clearUserInfo
    }
  },
  {
    // 添加pinia持久化
    persist: true
  }
)
